<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS3 background-image属性-可以给不同的图片设置多个不同的属性</title>
    <style>
        /* 可以给不同的图片设置多个不同的属性 */
        #example1 {
            background: url('images/img_flwr.gif') right bottom no-repeat, url('images/paper.gif') left top repeat;
            padding: 15px;
        }
    </style>
</head>

<body>

    <div id="example1">
        <h1>Lorem Ipsum Dolor</h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
            dolore magna aliquam erat volutpat.</p>
        <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
            commodo consequat.</p>
    </div>

</body>

</html>